<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>form标签</title>
</head>
<body>
<!--文本框，value属性是默认值-->
用户名：<input type="text" name="username" value="lisi"><br>

<!--密码框，value属性是默认值-->
密  码：<input type="password" name="password" value="123"><br>

<!--单选按钮，name属性应该相同，value是选项的值，选中那个选项，就提交哪个选项的值，checked表示选中了-->
性  别：<input type="radio" name="sex" value="male">男
       <input type="radio" name="sex" value="female" checked>女 <br>

<!--复选框，name属性应该相同，value是选项的值，选中哪个选项，就提交哪个选项的值，checked表示选中了-->
爱  好：<input type="checkbox" name="bobby" value="game">游戏
       <input type="checkbox" name="hobby" value="movie">电影
       <input type="checkbox" name="hobby" value="code">编码
       <input type="checkbox" name="hobby" value="friend" checked>交友 <br>

<!--普通按钮，value是按钮上显示的文字-->
普通按钮: <input type="button" value="普通按钮"><br>

<!--提交按钮，value是按钮上显示的文字-->
提交按钮：<input type="submit" value="提交按钮"><br>

<!--重置按钮，value是按钮上显示的文字-->
重置按钮：<input type="reset" value="重置按钮"><br>

<!--图片提交按钮，value是图片显示不出来需要显示的文字-->
图片提交按钮：<input type="image" src="img/girl.jpg" width="250px" value="图片提交按钮"><br>

<!--文件选择框，value无效-->
文件选择框：<input type="file" name="file"><br>

<!--隐藏域，不显示在页面上，但是会提交到表单中-->
隐藏域：<input type="hidden" name="hidden" value="隐藏域的值"><br>

<!--下拉框，和子标签option配合实现下拉框-->
地址下拉框：
<select name="address">
    <option value="bj">北京</option>
    <option value="sh">上海</option>
    <option value="gz">广州</option>
    <option value="sz" selected>深圳</option>
</select><br>

<!--文本域标签，用于输入多行文本-->
文本域：<textarea rows="5" cols="10" name="signature">没有value属性，默认值写在这里</textarea><br>


</body>
</html>